iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 23
0
Mobile Development

IOS 菜菜菜鳥30天挑戰系列 第 23

IOS 菜菜菜鳥30天挑戰 Day-23 XIB

  • 分享至 

  • xImage
  •  

今天來點XIB吧~ XIB簡單來說就是我們可以客製化自己想要的元件,因為基本元件有時候達不到我們想要的呈現效果而XIB就能很好的解決我們的問題!(而且可以當成模組化來用很方便!)
那接下來我們用view Controller來做例子

1.首先我們先建立一個viewController可是要注意要勾選XIBhttps://ithelp.ithome.com.tw/upload/images/20200929/20129679L07qhvgrro.png

2.接下來我們會出現兩個檔案,選擇xib
https://ithelp.ithome.com.tw/upload/images/20200929/20129679o9dbOjptUl.png

3.下來我們會發現裡面的介面跟storyboard很像,可以把它想像成storyboard來使用就行了,這邊我要對viewcontroller加兩個label分別是good和great
https://ithelp.ithome.com.tw/upload/images/20200929/20129679wTWR34gCkq.png

4.同樣的我們也要讓label們跟swift file做連結所以要幫他們拉outlet
https://ithelp.ithome.com.tw/upload/images/20200929/20129679zwwukbBMYl.png

5.接下來我們對原生的view controller繼承goodViewController進行編程,為了讓大家看到不一樣我決定讓good label變成excellent
https://ithelp.ithome.com.tw/upload/images/20201004/20129679P6WXgFozHM.png

6.最後我們在goodViewController打上這一段程式碼就好了
https://ithelp.ithome.com.tw/upload/images/20201004/20129679utbeLlo0Gh.png

7.執行結果如下
https://ithelp.ithome.com.tw/upload/images/20201004/20129679uAR2ucxtfY.png


上一篇
IOS 菜菜菜鳥30天挑戰 Day-22 tableView(2)衍生使用
下一篇
IOS 菜菜菜鳥30天挑戰 Day-24 Realm(2)
系列文
IOS 菜菜菜鳥30天挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言